<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" href="favicon.ico" />
    <link rel="stylesheet" href="./style.css" />
    <link rel="manifest" href="./manifest.json" />
    <title>每日一言</title>

    <!-- ios 兼容 -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="每日一言" />
    <link rel="apple-touch-icon" href="img/icons/book-256.png" />

    <!-- ie 兼容 -->
    <meta name="application-name" content="每日一言" />
    <meta name="msapplication-TileColor" content="#222" />
    <meta
      name="msapplication-square70x70logo"
      content="img/icons/book-72.png"
    />
    <meta
      name="msapplication-square150x150logo"
      content="img/icons/book-144.png"
    />
    <meta
      name="msapplication-square310x310logo"
      content="img/icons/book-256.png"
    />
  </head>
  <body>
    <!-- <button id="button" onclick="onClick(event)">一言</button>
    <p id="content"></p> -->
    <header>
      <span class="logo"></span>
      <input id="js-search-input" placeholder="关键词查询…" />
      <button id="js-search-btn" onclick="getData()">搜索</button>
      <button id="js-sync-btn" class="sync-btn">同步</button>
      <button id="js-sync-event-btn" class="sync-btn sync-event-btn">
        同步(event)
      </button>
      <button id="js-sync-db-btn" class="sync-btn sync-db-btn">同步(db)</button>
    </header>
    <main>
      <p id="content"></p>
    </main>

    <script type="text/javascript" src="./base64util.js"></script>
    <script src="./index.js"></script>
  </body>
</html>
